<?php defined('EN_CODE') or die(__FILE__.': Direct Access Denied'); ?>

<script type="text/javascript">
    function error(item, mensaje) {
        item.closest(".control-group").addClass("error");
        item.next(".help-inline").html(mensaje);
        $(window).scrollTop(item.position().top);
        return false;
    }
    // eliminar productos de cesta
    function eliminarProducto(id_producto) {
        $("#producto_"+id_producto).remove();
    }
    $(document).ready( function() {
        // sacar el error cuando haya focus
        $("input").focus( function() {
            $(this).closest(".control-group").removeClass("error");
            $(this).next(".help-inline").empty();
        });
        $("form").submit( function() {
            // sacar los errores
            $(".control-group").removeClass("error");
            $(".help-inline").empty();
            // validar el formulario
            /**
                dni
            */
            if ($("#dni_cliente").val().trim() == '') {
                return error($("#dni_cliente"),'Complete este campo');
            }
            /**
                nro empleado
            */
            if ($("#id_empleado").val().trim() == '') {
                return error($("#id_empleado"),'Complete este campo');
            }
            if ($(".producto-venta").length <= 0) {
                alert("La venta no tiene productos!");
                return false;
            }
            return true;
        });
        // filtrado de productos
        $("#buscar").keyup( function() {
            var busqueda = $(this).val();
            $.each( $(".buscar"), function(index, td) {
                if (td.innerHTML.match(busqueda, 'i')) {
                    td.parentNode.style.display='table-row';
                } else {
                    td.parentNode.style.display='none';
                }
            });
        });
        // agregar productos a la cesta
        $(".agregar-producto").click( function() {
            var id_producto = $(this).attr("rel");
            if (( $("#producto_"+id_producto).length <= 0 )) {
                var marca = $(this).closest("tr").find(".marca").html();
                var nombre = $(this).closest("tr").find(".nombre").html();
                var elemento = '<tr id="producto_'+id_producto+'" class="producto-venta"><td>'+marca+'</td><td>'+nombre+'</td><td><input type="number" min="1" step="1" class="input-mini cantidad-producto" name="productos['+id_producto+']" value="1" required="required" /></td><td><a onclick="eliminarProducto('+id_producto+')" class="eliminar-producto" title="Eliminar producto"><i class="icon-remove icon-white"></i></a></td></tr>';
                $("#cesta").append(elemento);
            }
        });
    });
</script>

<div class="page-header">
    <h1><?php echo (($action=='new') ? 'Nueva' : 'Editar') ?> Venta</h1>
</div>

<form action="ventas/guardar/" method="post" enctype="multipart/form-data" class="form-horizontal">
    <fieldset>

        <div class="row">
            <div class="span5">

                <div class="control-group">
                    <div class="controls">
                        <p class="help-block">Todos los campos son obligatorios</p>
                    </div>
                </div>
            
                <?php /**
                        define acciones y cuestiones de seguridad
                */ ?>
                <input type="hidden" name="key" value="<?php echo $key; ?>" />
                <input type="hidden" name="action" value="<?php echo $action; ?>" />
                <?php if ($action=='edit'): ?>
                <input type="hidden" name="numero_venta" value="<?php echo $venta['numero_venta']; ?>" />
                <?php endif; ?>

                <?php /**
                        forma de pago
                */ ?>
                <div class="control-group">
                      <label for="forma_pago" class="control-label">Forma de Pago</label>
                      <div class="controls">
                        <select name="forma_pago" id="forma_pago">
                          <optgroup>
                                <?php foreach ($formas_pago as $forma_pago): ?>
                                <option value="<?php echo $forma_pago['forma_pago']; ?>"><?php echo $forma_pago['nombre']; ?></option>
                                <?php endforeach; ?>
                          </optgroup>
                        </select>
                      </div>
                    </div>

                <?php /**
                        dni cliente
                */ ?>
                <div class="control-group">
                    <label for="id_cliente" class="control-label">DNI de Cliente</label>
                    <div class="controls">
                        <input type="text" id="dni_cliente" name="dni_cliente" placeholder="DNI de Cliente" required="required" list="listado_clientes" />
                        <datalist id="listado_clientes">
                        <?php foreach ($clientes as $cliente): ?>
                            <option value="<?php echo $cliente['dni']; ?>"><?php echo "$cliente[dni] - $cliente[nombre] $cliente[apellido]"; ?></option>
                        <?php endforeach ?>
                        </datalist>
                        <span class="help-inline"></span>
                        
                    </div>
                </div>

                <?php /**
                        id empleado
                */ ?>
                <div class="control-group">
                    <label for="id_empleado" class="control-label">Nro. de Empleado</label>
                    <div class="controls">
                        <input type="text" id="id_empleado" name="id_empleado" placeholder="nro. de Empleado" required="required" />
                        <span class="help-inline"></span>
                    </div>
                </div>

            </div><?php /* columna */ ?>
            <div class="span7">

                <?php /**
                        productos
                */ ?>
                <div class="control-group">
                    <div class="controls">
                        <h4>Productos</h4>
                    </div>
                </div>
                <div class="control-group">
                    <label for="buscar" class="control-label">Filtrar por nombre</label>
                    <div class="controls">
                        <input type="text" id="buscar" />
                        <table class="table table-condensed" style="margin-bottom: 0">
                            <thead>
                                <tr>
                                    <th class="span4">Marca</th>
                                    <th class="span7">Nombre</th>
                                    <th class="span1"></th>
                                </tr>
                            </thead>
                        </table>
                        <div style="height: 135px; overflow-y: auto;">
                            <table class="table table-condensed">
                                <tbody>
                                    <?php foreach ($productos as $producto): ?>
                                        <tr>
                                            <td class="span4 marca"><?php echo $producto['marca']; ?></td>
                                            <td class="span7 buscar nombre"><?php echo $producto['nombre']; ?></td>
                                            <td class="span1"><a class="agregar-producto" rel="<?php echo $producto['id_producto']; ?>" title="Agregar a la venta"><i class="icon-shopping-cart icon-white"></i></a></td>
                                        </tr>
                                    <?php endforeach; ?>
                                </tbody>
                            </table>
                        </div>
                        <span class="help-inline"></span>
                        <p class="help-block"></p>
                    </div>
                </div>

            </div><?php /* columna */ ?>
        </div><?php /* row */ ?>


    </fieldset>

    <fieldset>
        <legend>Productos en la venta</legend>
        <table class="table table-condensed">
            <thead>
                <tr>
                    <th class="span4">Marca</th>
                    <th class="span4">Nombre</th>
                    <th class="span2">Cantidad</th>
                    <th class="span2"></th>
                </tr>
            </thead>
            <tbody id="cesta">
            </tbody>
        </table>
    </fieldset>

    <div class="form-actions">
        <input type="submit" value="Guardar" class="btn btn-success" />
        <a href="ventas/" class="btn">Cancelar</a>
    </div>
    
</form>
